<nz-modal [(nzVisible)]="nzVisible"
  [nzWidth]="540"
  [nzFooter]="null"
  [title]="'签字'"
  (nzOnCancel)="nzOnCancel()"
  [nzContent]="signModalContent"
>

</nz-modal>
<ng-template #signModalContent>
  <div id="sign-name" class="modal-content" width="500">
    <p>请在下方签名：</p>
    <canvas style="border: 1px solid #ccc;" id="name-canvas"
      width="500"
    >
      您的浏览器不支持canvas签名，请更换Google chrome
    </canvas>
    <div class="name-canvas-btn" style="text-align: right;">
      <button (click)="clearName()" type="button" style="border-radius: 0;" nz-button nzType="default">清除</button>
      <button (click)="saveName()" type="button" style="border-radius: 0;margin-left: 16px;" nz-button nzType="primary">确认签署</button>
    </div>
  </div>
</ng-template>
